<template>
    <div class="index-page">
      <FirstScreen />
      <div class="main-box w">
        <LeftBox />
        <RightBox />
      </div>
    </div>
  </template>
  <script setup lang="ts">
  import FirstScreen from "~/components/index/FirstScreen.vue";
  import LeftBox from "~/components/index/LeftBox.vue";
  import RightBox from "~/components/index/RightBox.vue";
  import {ref,reactive} from "vue"

  
  
  
  </script>
  <style lang="scss" scoped>
  .index-page {
    height: 2000px;
    // background: skyblue;

    .main-box {
      display: flex;
      justify-content: space-between;
    }
    
    .w {
      position: relative;
      padding-top: 50px;
      
      
    }
  }
  
  

  

  
// 字体样式
.right-box {
  
}
  </style>
  